﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Mapa.Master" 
   Inherits="System.Web.Mvc.ViewPage<PagedList<zeus.Core.Ubicacion>>" %>
<%@ Import Namespace="zeus.Web.Controllers" %>
<%@ Import Namespace="Webdiyer.WebControls.Mvc" %>

<asp:Content ID="headContent" ContentPlaceHolderID="HeadContentPlaceHolder" runat="server">
    <link href="<%= ResolveUrl("~") %>Content/tables.css" rel="stylesheet" type="text/css" />
    <link href="<%= ResolveUrl("~") %>Content/nyroModal.css" rel="stylesheet" type="text/css" />
    <link href="<%= ResolveUrl("~") %>Scripts/msdropdown/dd.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/jquery.nyroModal-1.6.2.pack.js"></script>
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/jquery.form.js"></script>
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/jquery.validate.js"></script>
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/MicrosoftMvcJQueryValidation.js"></script> 
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/msdropdown/js/jquery.dd.js"></script> 

    
     <script type="text/javascript" src="http://www.google.com/jsapi?hl=en&key=ABQIAAAAwbkbZLyhsmTCWXbTcjbgbRSzHs7K5SvaUdm8ua-Xxy_-2dYwMxQMhnagaawTo7L1FE1-amhuQxIlXw"></script>
     
     <link href="<%= ResolveUrl("~") %>Content/index.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/geplugin-helpers.js"></script>
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/math3d.js"></script>
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/simulator.js"></script>
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/index.js"></script>
     

     <script type="text/javascript">
// <![CDATA[

         var DS_ge;
         var DS_geHelpers;
         var DS_map;

         google.load("jquery", "1");
         google.load("maps", "2.x");
         google.load("earth", "1");

         function DS_init() {
             $('#directions-form input').attr('disabled', 'disabled');
             $('#simulator-form input').attr('disabled', 'disabled');

             google.earth.createInstance(
    'earth',
    function (ge) {
        DS_ge = ge;
        DS_ge.getWindow().setVisibility(true);
        DS_ge.getLayerRoot().enableLayerById(DS_ge.LAYER_BUILDINGS, true);
        DS_ge.getLayerRoot().enableLayerById(DS_ge.LAYER_BORDERS, true);
        DS_geHelpers = new GEHelpers(DS_ge);

        DS_ge.getNavigationControl().setVisibility(ge.VISIBILITY_AUTO);

        DS_map = new GMap2($('#map').get(0));
        DS_map.setCenter(new GLatLng(-0.206212, -78.481501), 13);
        DS_map.addControl(new GLargeMapControl());
        DS_map.enableContinuousZoom();

        $('#directions-form input').removeAttr('disabled');
    },
    function () {
    });

             function onresize() {
                 var clientHeight = document.documentElement.clientHeight;

                 $('#route-details, #earth, #map').each(function () {
                     $(this).css({
                         height: (clientHeight - $(this).position().top - 100).toString() + 'px'
                     });
                 });
             }

             $(window).resize(onresize);
             onresize();
         }

         google.setOnLoadCallback(DS_init);

// ]]>
</script>

   
  
   
</asp:Content>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContentPlaceHolder" runat="server">

    
<h1>Prueba Santiago</h1>
<table style="width: 100%; height: 400px;">
<tr>
  <td style="width: 300px" valign="top">
    <table style="width: 300px">
      <tr>
        <td style="width: 50%" valign="top">
          <form id="directions-form" onsubmit="return false;" action="get">
            <fieldset>
              <legend>Direcciones</legend>
              From:<br/>
              <input type="text" id="from" value="San Francisco, CA"/><br/>
              To:<br/>
              <input type="text" id="to" value="Mountain View, CA"/><br/>
              <input type="submit" onclick="DS_goDirections();" id="go" value="Go!"/>
            </fieldset>
          </form>
        </td>
        <td style="width: 50%" valign="top">
          <form id="simulator-form" onsubmit="return false;" action="get">
            <fieldset>
              <legend>Simulador</legend>
              <input type="button" onclick="DS_controlSimulator('reset');" value="Reiniciar"/><br/>
              <input type="button" onclick="DS_controlSimulator('start');" value="Iniciar"/><br/>
              <input type="button" onclick="DS_controlSimulator('pause');" value="Pausar"/><br/>
              Velocidad: <strong><span id="speed-indicator">1x</span></strong><br/>
              <input type="button" onclick="DS_controlSimulator('slower');" value="-"/>
              <input type="button" onclick="DS_controlSimulator('faster');" value="+"/>
            </fieldset>
          </form>
        </td>
      </tr>
    </table>
    <div id="route-details"></div>
  </td>
  <td style="width: 67%" valign="top">
    <div id="earth" style="border: 1px solid #000; height: 500px;">
    <div id="status"></div>
  </td>
  <td style="width: 33%" valign="top">
    <div id="map" style="border: 1px solid #000; height: 500px;"></div>
  </td>
</tr>
</table>

    
</asp:Content>



